/* 
	/static/css/iconfont/
 */

.content {
	min-height: 100vh;
	background-color: #f6f6f6;


}

/**
	 * 颜色
	 **/
.color-333 {
	color: #333;
}

.color-666 {
	color: #666;
}

.color-999 {
	color: #999;
}

.color-ff {
	color: #fff;
}

.color-02{
	color: #022e84;
}
.color-04{
	color: #044fda;
}


/**
 * 字号
 **/
.size-8 {
	font-size: 8px;
}

.size-9 {
	font-size: 9px;
}

.size-10 {
	font-size: 10px;
}

.size-11 {
	font-size: 11px;
}

.size-12 {
	font-size: 12px;
}

.size-13 {
	font-size: 13px;
}

.size-14 {
	font-size: 14px;
}

.size-15 {
	font-size: 15px;
}

.size-16 {
	font-size: 16px;
}

.size-18 {
	font-size: 18px;
}

.size-20 {
	font-size: 20px;
}

.size-22 {
	font-size: 22px;
}

.size-26 {
	font-size: 26px;
}

.size-32 {
	font-size: 32px;
}


/* 特殊字号*/
.size-h1 {
	font-size: 26px;
}

.size-h2 {
	font-size: 18px;
}

.size-h3 {
	font-size: 16px;
}

.size-h4 {
	font-size: 14px;
}

.size-h5 {
	font-size: 12px;
}

/* 文字样式*/
.size-bold {
	font-weight: bold;
}


.weight-600 {
	font-weight: 600;
}

.weight-500 {
	font-weight: 500;
}


.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/**
  * 全局特殊样式
  **/
/* .item {
	line-height: 50px;
	text-align: center;
} */
.clear-both {
	clear: both;
}

.nowrap {
	white-space: nowrap;
}

/* 文字超出隐藏 */
.zi-hide {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


.zi-hide-2 {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; //当属性值为2，表示超出2行隐藏
}

.zi-hide-3 {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; //当属性值为3，表示超出3行隐藏
}

.zi-hide-4 {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; //当属性值为4，表示超出4行隐藏
}

/**
 * 间距
 **/
.padding-defalut {
	padding-top: 10rpx;
}

.p-t-2 {
	padding-top: 2px;
}

.p-t-4 {
	padding-top: 4px;
}

.p-t-6 {
	padding-top: 6px;
}

.p-t-8 {
	padding-top: 8px;
}

.p-t-10 {
	padding-top: 10px;
}

.p-t-12 {
	padding-top: 12px;
}

.p-t-14 {
	padding-top: 14px;
}

.p-t-16 {
	padding-top: 16px;
}

.p-t-18 {
	padding-top: 18px;
}

.p-t-20 {
	padding-top: 20px;
}


.p-l-2 {
	padding-left: 2px;
}

.p-l-4 {
	padding-left: 4px;
}

.p-l-6 {
	padding-left: 6px;
}

.p-l-8 {
	padding-left: 8px;
}

.p-l-10 {
	padding-left: 10px;
}

.p-l-12 {
	padding-left: 12px;
}

.p-l-14 {
	padding-left: 14px;
}

.p-l-16 {
	padding-left: 16px;
}

.p-l-18 {
	padding-left: 18px;
}

.p-l-20 {
	padding-left: 20px;
}

.p-r-2 {
	padding-right: 2px;
}

.p-r-4 {
	padding-right: 4px;
}

.p-r-6 {
	padding-right: 6px;
}

.p-r-8 {
	padding-right: 8px;
}

.p-r-10 {
	padding-right: 10px;
}

.p-r-12 {
	padding-right: 12px;
}

.p-r-14 {
	padding-right: 14px;
}

.p-r-16 {
	padding-right: 16px;
}

.p-r-18 {
	padding-right: 18px;
}

.p-r-20 {
	padding-right: 20px;
}

.p-b-2 {
	padding-bottom: 2px;
}

.p-b-4 {
	padding-bottom: 4px;
}

.p-b-6 {
	padding-bottom: 6px;
}

.p-b-8 {
	padding-bottom: 8px;
}

.p-b-10 {
	padding-bottom: 10px;
}

.p-b-12 {
	padding-bottom: 12px;
}

.p-b-14 {
	padding-bottom: 14px;
}

.p-b-16 {
	padding-bottom: 16px;
}

.p-b-18 {
	padding-bottom: 18px;
}

.p-b-20 {
	padding-bottom: 20px;
}



.m-left-20 {
	margin-left: 5px;
}

.m-right-20 {
	margin-right: 5px;
}

.m-h-20 {
	margin: 0 5px;
}


.m-t-6 {
	margin-top: 6px;
}

.m-t-8 {
	margin-top: 8px;
}

.m-t-10 {
	margin-top: 10px;
}

.m-t-12 {
	margin-top: 12px;
}

.m-t-14 {
	margin-top: 14px;
}

.m-t-16 {
	margin-top: 16px;
}

.m-t-18 {
	margin-top: 18px;
}

.m-t-20 {
	margin-top: 20px;
}

.m-r-4 {
	margin-right: 4px;
}

.m-r-6 {
	margin-right: 6px;
}

.m-r-8 {
	margin-right: 8px;
}

.m-r-10 {
	margin-right: 10px;
}

.m-r-12 {
	margin-right: 12px;
}

.m-r-14 {
	margin-right: 14px;
}

.m-r-16 {
	margin-right: 16px;
}

.m-r-18 {
	margin-right: 18px;
}

.m-r-20 {
	margin-right: 20px;
}

.m-l-4 {
	margin-left: 4px;
}

.m-l-6 {
	margin-left: 6px;
}

.m-l-8 {
	margin-left: 8px;
}

.m-l-10 {
	margin-left: 10px;
}

.m-l-12 {
	margin-left: 12px;
}

.m-l-14 {
	margin-left: 14px;
}

.m-l-16 {
	margin-left: 16px;
}

.m-l-18 {
	margin-left: 18px;
}

.m-l-20 {
	margin-left: 20px;
}


.border-right {
	border-right: 1rpx solid #eee;
}

.border-left {
	border-left: 1rpx solid #eee;
}

.border-bottom {
	border-bottom: 1rpx solid #eee;
}

.border-top {
	border-top: 1rpx solid #eee;
}

/* 伪类 */
.relative {
	position: relative;
	
}

.triangle::before {
	content: " ";
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	z-index: 10;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-bottom: 4px solid #777777;
	transform: translate(130%, 0%) rotate(180deg);
}

/* 分割线 */
.segmentation {
	width: 100%;
	height: 30rpx;
	margin: 20rpx 0rpx;
	background-color: #eeeeee;
}

/* 圆角 */

.border-10 {
	border-radius: 10rpx;
}

/* 不换行 */
.noWrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}